$(function () {
  // 点击“去注册账号”的链接
  $("#link_reg").on("click", function () {
    $(".login-box").hide();
    $(".reg-box").show();
  });

  // 点击“去登录”的链接
  $("#link_login").on("click", function () {
    $(".login-box").show();
    $(".reg-box").hide();
  });

  //从 layui 当中获取 form 对象
  let form = layui.form;
  //通过 form.verify() 函数自定义校验规则
  form.verify({
    // 自定义了一个叫做 pwd 校验规则
    pwd: [/^[\S]{6,12}$/, "密码必须6到12位,且不能出现空格"],
    // 校验两次密码是否一致的规则
    rePwd: (val) => {
      //val 代表 value ,还需要拿到密码的值
      //   let pwdValue = $('#pwd').val()
      if (val !== $("#pwd").val()) return "两次密码不一致！";
    },
  });

    //监听注册表单的提交事件
  let layer = layui.layer;
  //发起ajxa请求
  //找到form标签注册submit事件
  $("#form_reg").on("submit", function (e) {
    //阻止默认行为
    e.preventDefault();
    //获取表单数据
    let data = $(this).serialize();
    $.ajax({
      type: "POST",
      url: " /api/reguser",
      data: data,
      success: (res) => {
        //判断是否成功
        if (res.status !== 0) return layer.msg(res.message);
        //需要去登录
        layer.msg("注册成功");
        $("#link_login").click();
      },
    });
  });
    
    //监听登录表单的提交事件
    $("#form_login").on('submit', function (e) {
      //阻止默认行为
        e.preventDefault();
        //快速获取表单数据
        let data = $(this).serialize();
        $.ajax({
            type: 'POST',
            url: '/api/login',
            data: data,
            success: (res) => {
                //判断是否成功
                if (res.status !== 0) {
                    return layer.msg('登录失败!')
                }
                layer.msg('登录成功')

                    // 将登录成功得到的 token 字符串，保存到 sessionStorage 中
                sessionStorage.setItem('token', res.token)
                //跳转到后台
                location.href = '/index.html'
            }
        })
  })
});
